aboutsummaryrefslogtreecommitdiff
path: root/src/app/manga/[title]/[id]/[read]
diff options
context:
space:
mode:
authorreal-zephex <[email protected]>2024-05-29 10:01:52 +0530
committerreal-zephex <[email protected]>2024-05-29 10:01:52 +0530
commit06b2adcd10811b92b079294dbdab65727ff2015b (patch)
tree03205287b4f8fa77b251c6b94bac515db04ef314 /src/app/manga/[title]/[id]/[read]
parent✨ feat(series): rewrite series page and drop manga support (diff)
downloaddramalama-06b2adcd10811b92b079294dbdab65727ff2015b.tar.xz
dramalama-06b2adcd10811b92b079294dbdab65727ff2015b.zip
⚡️ perf(deps): upgrade to react 19 and next js 15, add loading screen, drop mangas support
Diffstat (limited to 'src/app/manga/[title]/[id]/[read]')
-rw-r--r--src/app/manga/[title]/[id]/[read]/download.jsx21
-rw-r--r--src/app/manga/[title]/[id]/[read]/page.jsx54
-rw-r--r--src/app/manga/[title]/[id]/[read]/read.module.css61
3 files changed, 0 insertions, 136 deletions
diff --git a/src/app/manga/[title]/[id]/[read]/download.jsx b/src/app/manga/[title]/[id]/[read]/download.jsx
deleted file mode 100644
index bddf6d3..0000000
--- a/src/app/manga/[title]/[id]/[read]/download.jsx
+++ /dev/null
@@ -1,21 +0,0 @@
-"use client";
-
-import styles from "./read.module.css";
-
-export default function DownloadManga({ chapterId: id }) {
- return (
- <div className={styles.DownloadMain}>
- <a
- href={`https://manga-downloader-7nca.onrender.com/download?id=${id}`}
- style={{ textDecoration: "none" }}
- onClick={() =>
- alert(
- "Downloads are not instant. It might take some time to prepare your file. Thank you for your patience"
- )
- }
- >
- <button title="should work just fine">Download - Beta</button>
- </a>
- </div>
- );
-}
diff --git a/src/app/manga/[title]/[id]/[read]/page.jsx b/src/app/manga/[title]/[id]/[read]/page.jsx
deleted file mode 100644
index a2b2555..0000000
--- a/src/app/manga/[title]/[id]/[read]/page.jsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import styles from "./read.module.css";
-import Image from "next/image";
-
-export default async function Read({ params }) {
- const chapterId = params.read;
- const results = await getPages(chapterId);
- const image_base_url = results.baseUrl + "/data/" + results.chapter.hash;
-
- if (results.length === 0) {
- return (
- <div className={styles.NotFound}>
- <p>
- This chapter has no content. Please check the next chapter.
- </p>
- </div>
- );
- }
-
- let images = [];
- for (var i = 0; i < results.chapter.data.length; i++) {
- var imgUrl = image_base_url + "/" + results.chapter.data[i];
- images.push(imgUrl);
- }
-
- return (
- <div className={styles.Main}>
- <div className={styles.ImageContainer}>
- <p>Total pages: {images.length}</p>
- {images &&
- images.map((item, index) => (
- <div className={styles.Image} key={index}>
- <Image
- src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item}&headers=https://mangadex.org`}
- key={index}
- alt="Pages"
- width={800}
- height={1000}
- priority
- quality={100}
- unoptimized
- />
- <p>Page: {index + 1}</p>
- </div>
- ))}
- </div>
- </div>
- );
-}
-
-async function getPages(id) {
- const res = await fetch(`https://api.mangadex.org/at-home/server/${id}`);
- const data = await res.json();
- return data;
-}
diff --git a/src/app/manga/[title]/[id]/[read]/read.module.css b/src/app/manga/[title]/[id]/[read]/read.module.css
deleted file mode 100644
index 2c7f964..0000000
--- a/src/app/manga/[title]/[id]/[read]/read.module.css
+++ /dev/null
@@ -1,61 +0,0 @@
-.Main {
- margin: 65px auto;
-}
-
-.Image {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 10px auto;
-}
-
-.Image img {
- height: auto;
- background-color: #272727;
- padding: 5px;
-}
-
-.ImageContainer p {
- text-align: center;
- color: white;
- font-family: "Atkinson Hyperlegible", serif;
- font-size: 16px;
- margin: 5px;
-}
-
-.NotFound {
- text-align: center;
- color: white;
- font-family: "Atkinson Hyperlegible", serif;
- font-size: 20px;
-}
-
-.DownloadMain {
- text-align: center;
-}
-
-.DownloadMain button {
- border: none;
- outline: none;
- border-radius: 5px;
- padding: 5px;
- font-family: "Atkinson Hyperlegible", serif;
- font-size: 16px;
- background-color: var(--light-green);
- cursor: pointer;
-}
-
-.DownloadMain button:hover {
- background-color: var(--pastel-red);
-}
-
-@media screen and (max-width: 768px) {
- .ImageContainer img {
- width: 95%;
- align-items: center;
- }
-
- .Image {
- width: 100%;
- }
-}